/**
 * Created by xjp on 16/8/20.
 */

var gulp = require('gulp');
var filter = require('gulp-filter');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var browsersync = require('browser-sync').create();



/*-------------build---------------*/

// 复制
gulp.task('copy', function () {
  gulp.src(['src/{lib,img}/**','src/APP/**/*.html'], {base: 'src'})
    .pipe(gulp.dest('build')) //**表示0个或多个路径, 也可包括及其下的文件
});


// 合并JS
gulp.task('concat', function () {
  return gulp.src([ 'src/APP/**/*.js'])
    .pipe(concat('app.js'))
    .pipe(gulp.dest('build/js'))
})

// sass转css
gulp.task('sass', function () {
  gulp.src('src/APP/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('build/css'))
})


// 主任务
gulp.task('build', ['copy', 'concat', 'sass'], function () {
  browsersync.init({
    server: './build',
    port:3002
  });
  gulp.watch('src/APP/**/*.js', ['concat']);
  gulp.watch(['src/APP/style.scss','src/APP/**/*.scss'],['sass']);
  gulp.watch(['src/{lib,img}/**','src/APP/**/*.html'], ['copy']);
  gulp.watch('./build/**').on('change', browsersync.reload);
})



